<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单提交</title>
  <link rel="stylesheet" href="./index.css" type="text/css">
</head>

<body>
  <form action="#" method="get" autocomplete="off">
    <div>
      <label for="goodsName">商品名称：<input type="text" name="" id="goodsName"></label>
    </div>
    <div>
      商品类别：
      <select name="" id="goodsCategory">
        <option value="优选水果" selected>优选水果</option>
        <option value="卤味熟食">卤味熟食</option>
        <option value="饮料酒水">饮料酒水</option>
        <option value="休闲零食">休闲零食</option>
      </select>
    </div>
    <div>
      <label for="originPrice">商品原价：<input type="text" name="" id="originPrice"></label>
    </div>
    <div>
      <label for="nowPrice">商品现价：<input type="text" name="" id="nowPrice"></label>
    </div>
    <div>
      <label for="goodsNum">库存数量：<input type="text" name="" id="goodsNum"></label>
    </div>
    <div>
      是否标红：
      <!-- 注意：同一组radio (checkbox) 必须设置相同的name属性才可以实现单选 (多选) -->
      <label for="yes"><input type="radio" name="isRed" id="yes">是</label>
      <label for="no"><input type="radio" name="isRed" id="no">否</label>
    </div>
    <div>
      <input type="submit" value="提交信息" id="submit">
    </div>
  </form>
  <ul class="options">
    <li class="all">全部</li>
    <li class="fruit">优选水果</li>
    <li class="cook">卤味熟食</li>
    <li class="drink">饮料酒水</li>
    <li class="snack">休闲零食</li>
  </ul>
  <table>
    <thead>
      <tr>
        <th>商品名称</th>
        <th>商品类别</th>
        <th>商品原价</th>
        <th>商品现价</th>
        <th>库存数量</th>
        <th>是否标红</th>
        <th>删除</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="redName">羊头</td>
        <td>卤味熟食</td>
        <td class="price">￥32.00</td>
        <td>￥22.00</td>
        <td>23</td>
        <td>否</td>
        <td class="del">删除</td>
      </tr>
    </tbody>
  </table>

  <script src="./data.js"></script>
  <script src="./index.js"></script>
</body>

</html>